/**
*   @description 统一版权页脚
*   @author Xiaohui Zeng
*   @date 2019/10/7
*/
<template>
    <div class="footer_components flexC">
        <div class="flexR">
            <span><a href="https://githup.zengxiaohui.com/Hui-Admin-Pro" target="_blank">官网</a></span>
            <span><a href="https://gitee.com/zengxiaohui2019/Hui-Admin-Pro" target="_blank">码云</a></span>
            <span><a href="https://github.com/zengxiaohui2019/Hui-Admin-Pro" target="_blank">GitHub</a></span>
            <span>专业版</span>
        </div>
        <div class="flexR">
            <span>Copyright © {{year}}个人设计</span>
        </div>
    </div>

</template>

<script>
    export default {
        name: "footer_components",
        data(){
            return {
                year: ''
            }
        },
        created() {
            let date = new Date
            this.year = date.getFullYear()
        }
    }
</script>

<style lang="less">
    .footer_components {
        margin: 40px 0 15px 0;
        justify-content: center;
        align-items: center;
        a{
            color: #515a6e;
            &:hover{
                color: #1890FF;
            }
        }
        span{
            color: #515a6e;
        }
        &>div:first-child{
            span{
                margin-right: 15px;
            }
            margin-bottom: 5px;
        }
    }
</style>
